R A D I U S

Section Headings

Use to identify a new section within the page.

Description

The main typeface for section headings is Amasis MT. Section headings have 3 variants: --large, --medium and --small responsible for controlling the font size. The --large variant is used to convey singular, bold brand messages, while the --medium variant is used to accomodate more content when there's more information to convey.

Activate Sass component

In order to have the styling of this component available, you need to include it in your project. After including the Radius library in your main ./index.scss file, add this snippet:

@include radius-component-section-heading;

Link to Abstract/Sketch file

Download Sketch / Abstract file

Usage

Usage example

Lorem ipsum dolor sit amet consectetur adipiscing elit

Code example

<h2 class="section-heading section-heading--large">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
<h2 class="section-heading section-heading--medium">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
<h2 class="section-heading section-heading--small">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>